<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" pageEncoding="UTF-8"%>

<%@ include file="include/taglibs.jsp" %>
<%
	session.setAttribute("ctx",request.getContextPath());
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MALINI</title>
<!--css-->
<link href="<%=request.getContextPath()%>/css/main_index.css" rel="stylesheet" type="text/css" media="all" />
<!--jquery 1.3.1-->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.3.1.min.js"></script>
<script type='text/javascript' src='<%=request.getContextPath()%>/js/jfade.js'></script>

<!--导航-->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/ddaccordion.js"></script>
<!--导航幻灯片初始.导航点击效果-->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/meunlb.js"></script>
<!--导航幻灯片点击切换效果-->
<script type="text/javascript">
<!--
$(document).ready(function(){
		$("#test_image a").jfade();
		
	$("#test_image a").bind("click", function(){
		$("#test_image a").each(function(){
			$(this).css("border","2px solid #0f0e0c");
		})
  		$(this).css("border","2px solid #2e2e2e"); 
	});
$("#test_image img").bind("click", function(){
		
  		var test_image = $(this).attr("name");
  		var paras = $(this).attr("id");
  		var base='<%=session.getAttribute("ctx")%>';
		$("#test_").html("<div class=\"pro_pic\"><img src='"+test_image+"' onmouseover=\"ddaccordion.collapseall('menuheaders');return false\"/><a href='"+base+"/productNewAction.do?op=findNewProductById"+paras+"' class=\"pic_more\"><font color=\"#ffffff\">点击购买>></font></a></div>");
	});  
})
-->
</script>
<!--右侧 滚动条-->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#scrollbar1').tinyscrollbar();//初始化div
	});
</script>	
<!--单张图片放大镜 用于product_view.html页面 -->
<SCRIPT src="<%=request.getContextPath()%>/js/niutuku_com.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
	$(function(){			
	   $(".jqzoom").jqueryzoom({
			xzoom:400,
			yzoom:400,
			offset:10,
			position:"right",
			preload:1,
			lens:1
		});	
	})
</SCRIPT>
</head>

<body >
<div class="main_cont">
<%@ include file="top.jsp" %>
<div class="main_contain">
<div class="main_l">
<a href="#"><img src="<%=request.getContextPath()%>/images/main_logo.gif" /></a>
<%@ include file="menu.jsp" %>
<%@ include file="bottom.jsp" %>
</div>

<div class="main_r2" id="test_"   onmouseover="ddaccordion.collapseall('menuheaders');return false;" > 

	<div class="pro_1 jqzoom" >
		<IMG height=478  src="<%=session.getAttribute("ctx")%>/${productdetail.bigimages}" jqimg="<%=session.getAttribute("ctx")%>/${productdetail.bigimages}" width=478  >
	
	</div>
	
  
<div class="pro_2">
<div style="height:300px; " id="demo1">

<div id="scrollbar1" style=" height:442px">
		<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
		<div class="viewport">
			 <div class="overview">
             
<div class="box">
<ul id="tabMenu">
  <li class="posts selected">产品展示</li>
  <li class="comments">在线服务</li>
  <li class="category">详情评价</li>
  <li class="famous">售后服务</li>
</ul>

<div class="boxBody">
  
  <div id="posts" class="show parent">
  <p>${productdetail.productInfo}</p>
  </div>  
  
  <div id="comments" class="parent">
    <ul>
      <li>${productdetail.parameterInfo}</li>
    </ul>
  </div>
  
  <div id="category" class="parent">
        <ul>
      <li>${productdetail.packInfo}</li>
    </ul>  
  </div>
  
  <div id="famous" class="parent">
        <ul>
      <li>${productdetail.otherInfo}</li>
    </ul>  
  </div>
  
  

</div>


</div>



<ul class="pro_ul pro_ul_r">
<li>
<h2>积分规则</h2>
<p>换出好心情，套件及两件以上6.8折</p>
</li>
<li><table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2" >${productdetail.brand}靠垫套</td>
  </tr>
  <tr>
    <td colspan="2">${productdetail.title}</td>
  </tr>
  <tr>
    <td colspan="2">颜色：${productdetail.color}</td>
  </tr>
  <tr>
    <td colspan="2"><img src="<%=session.getAttribute("ctx")%>/${productdetail.bigimages}" width="56px" height="27px" /></td>
  </tr>
  <tr>
    <td colspan="2">成分：${productdetail.material}</td>
  </tr>
  <tr>
    <td colspan="2">尺寸:${productdetail.size}</td>
  </tr>
  <tr>
    <td colspan="2">价格<br/>
    	市场价：${productdetail.marketPrice}元<br/>
    	售&nbsp;&nbsp;价 ：${productdetail.salePrice}元<br/>
    	促销价：${productdetail.barginPrice}元
    </td>
  </tr>
  <tr>
    <td colspan="2">已售出:${productdetail.saleNum}</td>
  </tr>
<tr>

<td rowspan="4"><button class="button0" hidefocus="hidefocus" onclick="addFavorite()"><span><em>加入收藏</em></span></button></td>
</tr>

</table>

</li>
<li>
<h2>相关产品</h2>
<ul >
<logic:present name="relist" scope="request">			
				<logic:iterate id="rel" name="relist" scope="request" indexId="proindex" type="com.ys.malini.web.form.ProductForm">
<li><img src="<%=session.getAttribute("ctx")%>/${rel.bigimages}" /><b>${rel.productName}</b></li>
	</logic:iterate>
</logic:present>
</ul>
</li>

</ul>

       </div>
    </div>
</div>	

</div>
</div>
</div>
</div>

</div>



</body>
</html>
<script type="text/javascript">
function addFavorite(){
	alert('添加成功！')
	window.location.href="/malini/cartAction.do?op=addToCart&productId=${productdetail.productId}&smallImages='${productdetail.smallimages}'";
	
}
</script>